<script setup lang="ts">

</script>

<template>
   <div class="middle">
      <el-skeleton-item variant="image"></el-skeleton-item>
   </div>
   <div class="small">
      <el-skeleton-item v-for="(item) in 5" :key="item" variant="image"></el-skeleton-item>
   </div>
</template>

<style scoped lang="less">
.middle {
   width: 400px;
   height: 100%;

   .el-skeleton__item {
      width: 100%;
      height: 100%;
   }
}

.small {
   width: 80px;

   .el-skeleton__image {
      width: 64px;
      height: 68px;
      margin-left: 12px;
      margin-bottom: 15px;
   }
}
</style>
